<script type="text/javascript">
$(document).ready(function(){
	$("#form-forget").hide();
});
function showForm()
{
	$("#form-forget").toggle(500);
}
/*function changePassword()
	{
		$.ajax({
			type: 'POST',
			url: '?page=loginUser&sub=changePassword',
			data:	({
						forgetEmail: $("#forgetEmail").val()
					}),
			success : function(data)
				{
					alert(data);
				}
		});
	}*/
</script>
<!-- CONTENT START -->
<div id="content">

<!-- LEFT START -->
<div id="left">
  <div id="categories"></div>
</div>
<!-- LEFT END -->

<!-- RIGHT START -->
<div id="right">
<div style="color:#903;"><?= $this -> renderStatus($alert); ?></div>
<h2 class="right_heading">Login Window</h2>
<div id="shop_anounce">
  <form name="form-login" id="form-login" action="?page=loginUser&sub=verify" method="post">
<table width="650" border="0">
  <tr>
    <td width="271">Username/Email</td>
    <td width="10">&nbsp;</td>
    <td width="355"><input type="text" name="useremail" /></td>
  </tr>
  <tr>
    <td>Password</td>
    <td>&nbsp;</td>
    <td><input type="password" name="userpassword" /></td>
  </tr>
  <tr>
    <td></td>
    <td>&nbsp;</td>
    <td><input type="submit" value="Login" />
    <a href="?page=register">SignUp Account</a>
    <a href="javascript: showForm();">Forget Password ?</a>
    
    <br />
		<?php
		if($bad)
		{
			echo '<span style="color:red">'.$bad.'</span>';
		}
		?>

    </td>
  </tr>
</table>
</form>
<form name="form-forget" id="form-forget" method="post" action="?page=loginUser&sub=changePassword">
Email Address : <input type="text" name="forgetEmail" id="forgetEmail" />
<input type="submit" value="ChangePassword" name="changePassword1" id="changePassword1" />
</form>
</div>
</div>
<!-- RIGHT END -->

<!-- Just to increase height automatically --><div id="height_increaser"></div>

</div>
<!-- CONTENT END -->
<div id="content_end"></div>